<html>
<head>
<title>Learn Japanese</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

<link href="css/themes/default/jquery.mobile-1.2.0.min.css" rel="stylesheet" />
<link href="css/jqm-docs.css" rel="stylesheet" />

<script src="js/jquery-1.8.2.js"></script>
<script src="js/jquery.mobile-1.2.0.min.js"></script>
<script src="cordova-2.0.0.js"></script>

<style type="text/css">
.nav-glyphish .ui-btn .ui-btn-inner {
	padding-top: 80px !important;
}

.nav-glyphish .ui-btn .ui-icon {
	width: 80px !important;
	height: 80px !important;
	margin-left: -40px !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

#vocabulary .ui-icon {
	background: url(img/sync_reload_refresh_arrow-128.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#kanji .ui-icon {
	background: url(img/download-128.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#grammar .ui-icon {
	background: url(img/grammar-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#reading .ui-icon {
	background: url(img/reading-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#listening .ui-icon {
	background: url(img/listening-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}

#about .ui-icon {
	background: url(img/about-128-icon.png) 50% 50% no-repeat;
	background-size: 60px 60px;
}


.ntc-chucnang.ui-btn-active {
	border: 1px solid #f4c63f;
	background: #fadb4e;
	font-weight: bold;
	color: #222;
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffefaa),
		to(#ffe155));
	background-image: -webkit-linear-gradient(#ffefaa, #ffe155);
	background-image: -moz-linear-gradient(#ffefaa, #ffe155);
	background-image: -ms-linear-gradient(#ffefaa, #ffe155);
	background-image: -o-linear-gradient(#ffefaa, #ffe155);
	background-image: linear-gradient(#ffefaa, #ffe155);
}
</style>
<script type="text/javascript">

</script>

</head>
<body>
	<div data-role="page" class="type-interior">
		<!-- Start Header -->
		<div data-role="header" data-theme="f" class="ntcHeader"
			data-position="fixed">
			<h1 >
				<b>Vui lòng kiểm tra kết nối và thử lại</b>
			</h1>
			
		</div>
		<!-- Start Content -->
		<div class="ntc-content"
			style="text-transform: none; overflow: hidden;">
			<!-- Main Functions -->
			<div data-role="header" data-id="foo1" data-theme="e"
				class="nav-glyphish">
				<div data-role="navbar" class="nav-glyphish">
					<ul>
						<li><a data-ajax="false" href="index.html"
							class="ntc-chucnang2" id="vocabulary" data-icon="custom">Đồng bộ dữ liệu</a></li>
						<li><a data-ajax="false" href="listening-download.html"
							class="ntc-chucnang2" id="kanji" data-icon="custom">Tải file</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- End Content -->
	</div>
</body>
</html>